<template>
    <div class="layerRtb layerRtb-threecolumn">
        <three-title :title="{name:'短信验证'}"></three-title>
        <div class="layerRtb-scroll thinScroll" v-scrollHeight="437">
            <div class="analyItem">
                <p class="analyItemTit tx-center">短信验证</p>
                <div class="analyItemCon" v-if="this.sendMessageTime === null || this.sendMessageTime === ''">
                    <p class="col-md-4"> <span class="cLightGray pr8"></span> </p>
                    <input type="button" value="发送短信" class="uiBtn-normal uiBtn-blue SubmitBtn" @click="MappingButton()">
                </div>
                <div class="analyItemCon" v-if="this.sendMessageTime !== null && this.sendMessageTime !== ''">
                    <p class="col-md-4"><span class="cLightGray pr8 cRed">短信已发</span></p>
                </div>
            </div>
        </div>

        <div class="layerRtb-footer">
              <div class="analyItem">
                <p class="analyItemTit tx-center">综合</p>
                <div class="analyItemCon">
                </div>
            </div>
        </div>
          <transition-group class="animated faster" enter-active-class="animated faster slideInRight" leave-active-class="animated faster slideOutRight">
         </transition-group>
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
    components: {
    },
    data () {
        return {
            sendMessageTime: '' // 发送短信的时间
        }
    },
    created () {
        this.sendMessageTime = this.$route.query.sendMessageTime
    },
    methods: {
    },
    computed: {
        ...mapGetters(['leftInfo'])
    },
    watch: {
    }
}

</script>
